import React, { Component } from 'react'

export default class Userthis extends Component {

  // 方案解决this指向问题
  constructor(props) {
    super(props);
    // 手动绑定this的指向
    // this.fn = this.fn.bind(this)
  }



  render() {
    return (
      <div>
        {/* <button onClick={this.fn}>获取父组传过来的数据</button> */}

        {/* 方案2 在绑定方法中使用bind */}
        {/* <button onClick={this.fn.bind(this)}>获取父组传过来的数据</button> */}

        {/* 方案3 箭头函数绑定 */}
        {/* <button onClick={() => this.fn()}>获取父组传过来的数据</button> */}

        {/* 方案4 在绑定实现的方法中定义使用箭头函数 */}
        <button onClick={this.fn}>获取父组传过来的数据</button>

      </div>
    )
  }
  // 方案4
  fn = () => {
    console.log(this.props)
  }

  
  /* fn() {
    console.log(this.props)
  } */
}
